<template>
    <div class="swiper">
        <img :src="banner" alt="">
    </div>
</template>

<script>
import banner from '.././assets/banner.webp'
export default {
    data(){
        return{
            banner:banner,
        }
    }
}
</script>

<style lang="scss" scoped>
    .swiper{
        width: 95%;
        margin: 10px auto ;
        height: 100px;
        border-radius: 5px;
        background: aqua;
    }
    .swiper img{
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }
</style>